import * as React from 'react';
import type { SVGProps } from 'react';
const TeableNew = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    fill="none"
    viewBox="0 0 24 24"
    {...props}
  >
    <g clipPath="url(#prefix_teable-new)">
      <path fill="#fff" d="M6 6h14.5v14.5H6z" />
      <path
        fill="currentColor"
        stroke="#fff"
        d="M8.85 22.7v-.5.5h9.3c2.502 0 4.7-2 4.7-4.55v-9.6c0-.557-.269-1.153-.604-1.697-.345-.56-.807-1.137-1.285-1.674a26 26 0 0 0-2.49-2.413C17.533 1.986 16.37 1.3 15 1.3H6.6c-1.54 0-2.864.851-3.784 1.871C1.906 4.18 1.3 5.457 1.3 6.45v8.25c0 .684.27 1.409.642 2.093.378.693.887 1.39 1.424 2.034C4.44 20.11 5.666 21.225 6.3 21.7a5.2 5.2 0 0 0 1.743.87 4 4 0 0 0 .731.127l.05.003h.025Zm0-15.75h9.3c.267 0 .712.203 1.125.581.195.179.358.376.47.565.113.193.155.349.155.454v9.6c0 .096-.045.258-.174.473a3.2 3.2 0 0 1-.516.629c-.21.2-.435.372-.64.489-.219.125-.362.159-.42.159h-9.3c-.058 0-.201-.034-.42-.16a3.4 3.4 0 0 1-.64-.488c-.21-.201-.39-.42-.515-.629-.13-.215-.175-.377-.175-.473v-9.6c0-.302.235-.7.665-1.06.203-.171.424-.311.629-.406.212-.1.37-.134.456-.134Z"
      />
      <path
        fill="currentColor"
        d="M11.55 15.9V9.3c0-.45 1.65 0 1.65 0s.75.15.75.45v1.5h1.8c.45 0 .75 1.8 0 1.8h-1.8v2.85h1.8c.6 0 .3 1.2 0 1.65s-1.8.3-1.8.3-2.4 0-2.4-1.95"
      />
    </g>
    <defs>
      <clipPath id="prefix_teable-new">
        <path fill="#fff" d="M0 0h24v24H0z" />
      </clipPath>
    </defs>
  </svg>
);
export default TeableNew;
